% title = 'Change Password'
% include(top)

<div class="pure-g creds">
	<div class="pure-u-1 pure-u-md-1-4 pure-u-lg-1-3"></div>
	<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
% if success:
		<h3 class="success">Password successfully changed!</h3>
		<p><a href="/user/">Click here</a> if you aren't automatically redirected after 5 seconds.</p>
		<meta http-equiv="refresh" content="2; url=http://paste.hydra.ws/user/">

%else:
		<h1>Change Account Password</h1>

% if error:
		<p class="error"><b>Error:</b> {{error}}</p>
% else:
		<p>Please be careful, this is an irreversible decision!</p>
% end  # (if)

		<form action="/user/changepass" method="post" class="pure-form pure-form-aligned">
			<fieldset class="pure-group">
				<input class="pure-input-1" required name="pass-current" type="password" placeholder="Your current password" autofocus>
			</fieldset>
			<fieldset class="pure-group">
				<input class="pure-input-1" required id="new-top" name="pass-new" type="password" placeholder="Your new password">
				<input class="pure-input-1" required id="new-bottom" name="pass-confirm" type="password" placeholder="Your new password (again)"> 
			</fieldset>
			<button type="submit" class="pure-button pure-input-1 pure-button-primary">Change Password</button>
		</form>
% end  # (if)
	</div>
	<div class="pure-u-1 pure-u-md-1-4 pure-u-lg-1-3"></div>
</div>

% include(bottom)
